<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta content="it" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="/css/global1.css" rel="stylesheet" type="text/css">
<title>Nuovo Rifugio</title>
<script type="text/javascript">
function startmenu()
{
	document.getElementById('rifugi').style.display = "none";
	document.getElementById('località').style.display = "none";
}

function menufunc(menuId)
{
	if(document.getElementById(menuId).style.display == "none")
	{
		startmenu();
		document.getElementById(menuId).style.display = "block";
	}
	else
	{
		startmenu();
	}
}

function LunghezzaMax(campo)
{
	if (campo.value.length>499)
	{
		alert("Inserire al massimo 500 caratteri nella descrizione.");
		campo.value=campo.value.substring(0, 499);
	}
} 

function invia(form) {
	var alerta = "";
	var email_reg_exp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;
  
	if((form.nome.value == '') || (form.nome.value == "undefined")) {
		alerta = alerta + "Inserire il NOME del rifugio.\n";
	}
	if((form.localita.value == '') || (form.localita.value == "undefined")) {
		alerta = alerta + "Inserire la LOCALITÀ in cui si trova il rifugio.\n";
	}
	if((form.descrizione.value == '') || (form.descrizione.value == "undefined")) {
		alerta = alerta + "Inserire una breve DESCRIZIONE del rifugio.\n";
	}
	if((form.zona.value == '') || (form.zona.value == "undefined")) {
		alerta = alerta + "Inserire il GRUPPO MONTUOSO in cui si trova il rifugio.\n";
	}
	if((form.mail.value == '') && (form.telefono.value == "")&& (form.sito.value == "")) {
		alerta = alerta + "Inserire un numero di TELEFONO, un indirizzo E-MAIL, o un SITO di riferimento.\n";
	}
	if (!email_reg_exp.test(form.mail.value) && !(form.mail.value == "") ) {
	  	alerta = alerta + ("Inserire un indirizzo E-MAIL corretto.\n");
	}
	if((form.numposti.value == '') || (form.numposti.value == "undefined")) {
		alerta = alerta + "Inserire il NUMERO DI POSTI LETTO del rifugio.\n";
	}
	if(document.forma.immagine.value == "") {
		alerta = alerta + "Inserire un' IMMAGINE del rifugio.\n";
	}
	if((!form.consigliato[0].checked) && (!form.consigliato[1].checked)) {
		alerta = alerta + "Scegliere se CONSIGLIARE o no il rifugio.\n";
    }
    if (alerta=="") {
    document.forma.submit();
    }
    else {
    alert(alerta);
    }
}

</script>

</head>
<body onload ="javascript:startmenu()">
	<div class="sfondo">
		<center>
		<div class="container">
			<div class="header">
				<map id="ImgMap0" name="ImgMap0">
					<area alt="" coords="1, 0, 369, 69" href="/" shape="rect">
				</map>
				<img alt="" src="/immagini/Trentino_rifugi2.png " class="sfondo_header" usemap="#ImgMap0">
			</div>	
			<div class="riquadro_form_rifugi">
				<div class="fascia_sx">
					<div class="menu_principale">
						<div class="spento"><a href="/"> Home</a>
						</div>
						<div class="acceso"><a href="javaScript:menufunc('rifugi')"> Rifugi</a>
						</div>
						<div id="rifugi">
							<a href="/rifugio"><img alt="" src="/immagini/arrow.gif"> Tutti i Rifugi</a><br>
							<a href="/rifugio/rifugiConsigliati"><img alt="" src="/immagini/arrow.gif"> Rifugi Consigliati</a><br>
							<img alt="" src="/immagini/arrow.gif"><span> Inserisci Rifugio</span><br>
							<a href="/rifugio/zona"><img alt="" src="/immagini/arrow.gif"> Rifugio per Zona</a><br>
						</div>
						<div class="spento"><a href="javaScript:menufunc('località')"> Località</a>
						</div>
						<div id="località">
							<a href="/localita"><img alt="" src="/immagini/arrow.gif"> Tutte le Località</a><br>
							<a href="/localita/localitaSuggestive"><img alt="" src="/immagini/arrow.gif"> Località Suggestive</a><br>
							<a href="/localita/inserisciLocalita"><img alt="" src="/immagini/arrow.gif"> Inserisci Località</a><br>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip">Escursioni<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip">Sentieri<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Flora & Fauna<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Punti d'interesse<span>Sezione non implementata!</span></a>
						</div>
						<div class="spento"><a href="/contatti"> Contatti</a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Feste & Eventi<span>Sezione non implementata!</span></a>
						</div>
					</div>
				</div>
				<div class="fascia_centro">
					<div class="percorso_pagina">
						<hr/><a href="/">HOME</a>  <img src="/immagini/breadcrumb.gif" alt=""/> INSERISCI RIFUGIO<hr/>
					</div>
					<div class="titolo_form">Nuovo Rifugio
					</div>
					<div class="form">
						<form name="forma" method="post" action="insert" enctype="multipart/form-data">
							<table>
						    	<tr>
						    		<td class="nomi_campi">Nome*</td>
						       	 	<td class="valore_campi"><input name="nome" type="text" maxlength="30" class="inputext"/></td>
						     	</tr>
						     	<tr>
						     		<td class="nomi_campi">Località*</td>
						         	<td class="valore_campi"><input name="localita" type="text" maxlength="20" class="inputext"/></td>        
						      	</tr>
						      	<tr>
						     		<td class="nomi_campi">Quota (m)</td>
						         	<td class="valore_campi"><input name="quota" value=" - " type="text" maxlength="20" class="inputext"/></td>        
						      	</tr>
						      	<tr>
						     		<td class="nomi_campi">Gruppo Montuoso*</td>
						         	<td class="valore_campi">
						         		<select name="zona">
										   <option value="" selected="selected">Seleziona...</option>
										   <option value="Adamello">Adamello</option>
										   <option value="Latemar,Catinaccio,Sassolungo">Latemar,Catinaccio,Sassolungo</option>
										   <option value="Sella-Lusia,Costabella,Manzoni,Marmolada">Sella-Lusia,Caostabella,Manzoni,Marmolada</option>
										   <option value="Pale di San Martino,Vette Feltrine,Cimonega">Pale di San Martino,Vette Feltrine,Cimonega</option>
										   <option value="Lagorai-C. d'Aosta,Val di Cembra,Vigolana,Marzola">Lagorai-C. d'Aosta,Val di Cembra,Vigolana,Marzola</option>
										   <option value="Piccole Dolomiti-Pasubio,Monte Finocchio,Altopiani di Folgaria,Lavarone e Luserna">Piccole Dolomiti-Pasubio,Monte Finocchio,Altopiani di Folgaria,Lavarone e Luserna</option>
										   <option value="Maddalene,Roèn Cime di Vigo">Maddalene,Roèn Cime di Vigo</option>
										   <option value="Cevedale">Cevedale</option>
										   <option value="Presanella">Presanella</option>
										   <option value="Alpi di Ledro,M.Casale">Alpi di Ledro,M.Casale</option>
										   <option value="Brenta">Brenta</option>
										   <option value="Monte Baldo,Stivo,Bondone,Paganella">Monte Baldo,Stivo,Bondone,Paganella</option>										
										</select>
						         	</td>        
						      	</tr>
						      	<tr>
						      		<td class="nomi_campi">Descrizione*</td>
						        	<td class="valore_campi"><textarea name="descrizione" onChange="LunghezzaMax(this)"></textarea></td>
						      	</tr>   
						      	<tr>
						      		<td class="nomi_campi">Numero di Posti Letto*</td>
						        	<td class="valore_campi"><input type="text" name="numposti" maxlength="2" size="1"/></td>
						      	</tr>
						      	<tr>
						      		<td class="nomi_campi">Telefono</td>
						        	<td class="valore_campi"><input type="text" name="telefono" maxlength="20" size="24"/></td>
						      	</tr> 
						      	<tr>
						      		<td class="nomi_campi">Sito Internet</td>
						        	<td class="valore_campi"><input type="text" name="sito" maxlength="35" size="24"/></td>
						      	</tr>
						      	<tr>
						      		<td class="nomi_campi">E-mail</td>
						        	<td class="valore_campi"><input type="text" name="mail" maxlength="35" size="24"/></td>
						      	</tr>   
						      	<tr>
						      		<td class="nomi_campi">Servizi</td>
						        	<td class="valore_campi">
						        		<input type="checkbox" name="parcheggio" value="Parcheggio"/>Parcheggio<br/>
						        		<input type="checkbox" name="wifi" value="Wi-Fi"/>Wi-Fi<br/>
						        		<input type="checkbox" name="ristorante" value="Ristorante"/>Ristorante<br/>
						        		<input type="checkbox" name="docce" value="Docce"/>Docce<br/>
						        		<input type="checkbox" name="acquacalda" value="Acqua Calda"/>Acqua Calda<br/>
						        		<input type="checkbox" name="serviziigenici" value="Servizi Igenici"/>Servizi Igenici<br/>
						        		<input type="checkbox" name="riscaldamento" value="Riscaldamento"/>Riscaldamento<br/>
						        		<input type="checkbox" name="escursioniguidate" value="Escursioni Guidate"/>Escursioni Guidate<br/>
						        		<input type="checkbox" name="colazione" value="Colazione"/>Colazione<br/>
						        		<input type="checkbox" name="mezzapensione" value="Mezza Pensione"/>Mezza Pensione<br/>
						        	</td>
						      	</tr>
						      	<tr>	 
						      		<td class="nomi_campi">Immagine*</td>     	
						      		<td><input type="file" name="immagine"/></td>
						      	</tr>
						      	<tr>
						      		<td>&nbsp;</td><td>&nbsp;</td>
					  	  		</tr>
						      	<tr>
						      		<td class="nomi_campi">Consigliato*</td>
					  				<td class="valore_campi">
					  					Si<input type="radio" name="consigliato" value="true"/>
					 					No <input type="radio" name="consigliato" value="false"/>
					 				</td>	 
						      	</tr> 
					  	  	</table>
					  	  	<br>
					  	  	<input name="Submit1" type="button" value="Inserisci" class="invio"  onclick="invia(this.form);" class="submit"/>
						</form>
						<div class="note_form">
								*Campo obbligatorio. 
						</div>
					</div>
				</div>
				<div class="fascia_dx">
					<div class="info"><br>
						<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:140px;width:158px;padding: 20px 5px 5px 5px;text-align:center">
							<strong>Nuova apertura del sito gm-gm-aip2011!!!</strong>
							<br><br>
									A breve, in questa sezione tutti gli aggiornamenti su aperture dei rifugi, bollettino neve e<br>comunicati speciali.<br><hr/></marquee>
					</div>
					<div class="meteo">
					<br>
					<a href="http://www.ilmeteo.it/Trentino Alto Adige" title="Meteo Trentino Alto Adige" target="_blank"><img src="http://www.ilmeteo.it/cartine2/0.TRE.png" alt="Meteo Trentino Alto Adige"></a>
					</div>
				</div>
			</div>
			<div class="footerform">
				<div class="linkutili"><a href="http://www.regione.taa.it/"target="_blank">Sito Ufficiale del Trentino  |</a><a href="http://www.trentinorifugi.com/"target="_blank">  Associazione Gestori Rifugi Del Trentino  |</a><a href="http://www.visittrentino.it/"target="_blank">  Prenota Online</a></div>
				<div class="testofooter"> &copy; Progetto di Applicazioni Ipermediali<br/></div>
			</div>
		</div>
		</center>
	</div>
</body>
</html>